// 引入 Vue 文件
import Vue from "vue";
//引入 App 组件，它是所有组件的父组件
import App from "./App.vue";
//引入路由器
import router from "./router";
//引入 store
import store from "./store";

//引入 mockServer.js 模拟数据
import "@/mock/mockServer";
//引入 Swiper 的样式
import "swiper/css/swiper.css";

//商品分类三级列表
import TypeNav from "@/components/typeNav/TypeNav";
//轮播图
import Carousel from "@/components/carousel/Carousel";
//分页
import Pagination from "@/components/pagination/Pagination";
//注册为全局组件，第一个参数：组件名字；第二个参数：是哪一个组件
Vue.component(TypeNav.name, TypeNav);
//注册轮播图组件为全局组件
Vue.component(Carousel.name, Carousel);
//注册分页组件为全局组件
Vue.component(Pagination.name, Pagination);

// 关闭 Vue 的生产提示
Vue.config.productionTip = false

// 创建 Vue 实例对象
new Vue({
  // 将 app 组件放入 vm 容器中
  render: h => h(App),
  //配置全局事件总线
  beforeCreate() {
    Vue.prototype.$bus = this;
  },
  //注册 router，前提是需要在 src/router 目录下配置 index.js
  router,
  //注册 store
  store,
}).$mount('#app')
